<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>指尖金融</title>
<link href="../../../css/common.css" type="text/css" rel="stylesheet">
<link href="../../../css/base.css" type="text/css" rel="stylesheet">
<link href="serviceChargeSettlement1.css" type="text/css" rel="stylesheet">
<link href="../../../res/png/icon.png" rel="shortcut icon" />
<link rel="stylesheet" type="text/css" href="../../../js/My97DatePicker/skin/WdatePicker.css" />
<link rel="stylesheet" type="text/css" href="../../../js/My97DatePicker/skin/WdatePicker.css" />	
<link rel="stylesheet" type="text/css" href="./clientAuthentication.css" />
</head>

<body>
	<!-- 顶部菜单栏 -->
	<div id="header" class="header"></div>
	<div class="main" id="main">
		<!-- 左侧菜单栏 -->
		<div id="leftMenu" class="left"></div>
		<div class="pages">
			<div class="table-section page" data-page="serviceChargeSettlement1" id="serviceChargeSettlement" >
				<p class="table-head">
					<label class="table-title">当前位置:按月服务费账单结算</label>
				</p>
				<div class="tab">
					<ul>
						<li style="border-right: 1px solid #ccc;"><span class="backward"><</span>&nbsp;<span
							class="billInfo"><span class="yearMonth"></span>查询账单</span>&nbsp;<span
							class="forward">></span></li>
						<li><span class="searchInfo">查询</span></li>
					</ul>
				</div>
				<div class="panel2_left fl"></div>
				<div class="panel2_middle fl"></div>
				<div class=" panel2_right fl"></div>
				<div class="billInfoDiv">
					<table style="" width="100%" border="1"
						cellspacing="0" bordercolor="#E4E7E9">
						<thead>
							<tr style="visibility: hidden;">
								<th width="25%"></th>
								<th width="25%"></th>
								<th width="25%"></th>
								<th width="25%"></th>
							</tr>
						</thead>
						<tbody id="monthBillDetailBody">
							<tr height="30px">
									<td width="25" style="background-color: #F1F1F2;">总生息资产：</td>
									<td width="25" class="data" name="bulkstockValuationTotal"></td>
									<td width="25" style="background-color: #F1F1F2;">本月应还服务费合计：</td>
									<td width="25" class="data" name="bulkstockIntrerstTotal"></td>
								</tr>
								<tr height="30px">
									<td width="25" style="background-color: #F1F1F2;">舱单质押资产：</td>
									<td width="25" class="data" name="bulkstockValuation2"></td>
									<td width="25" style="background-color: #F1F1F2;">本月应还舱单质押服务费：</td>
									<td width="25" class="data" name="bulkstockIntrerst2"></td>
								</tr>
								<tr height="30px">
									<td width="25" style="background-color: #F1F1F2;">代理采购资产：</td>
									<td width="25" class="data" name="bulkstockValuation5">
									</td>
									<td width="25" style="background-color: #F1F1F2;">本月应还代理采购服务费：</td>
									<td width="25" class="data" name="bulkstockIntrerst5"></td>
								</tr>
								<tr height="30px">
									<td width="25" style="background-color: #F1F1F2;">代理销售资产：</td>
									<td width="25" class="data" name="bulkstockValuation6"></td>
									<td width="25" style="background-color: #F1F1F2;">本月应还代理销售服务费：</td>
									<td width="25" class="data" name="bulkstockIntrerst6"></td>
								</tr>
								<tr height="30px">
									<td width="25" style="background-color: #F1F1F2;">商业保理资产：</td>
									<td width="25" class="data" name="bulkstockValuation7"></td>
									<td width="25" style="background-color: #F1F1F2;">本月应还商业保理服务费：</td>
									<td width="25" class="data" name="bulkstockIntrerst7"></td>
								</tr>
						</tbody>
						<script type="text/template" id="monthBillDetailTemp">
							{@each datas as it}
								<tr height="30px">
									<td width="25" style="background-color: #F1F1F2;">总生息资产：</td>
									<td width="25" class="data" name="bulkstockValuationTotal">&#65509;${formatCurrency(it.bulkstockValuationTotal)}</td>
									<td width="25" style="background-color: #F1F1F2;">本月应还服务费合计：</td>
									<td width="25" class="data" name="bulkstockIntrerstTotal">&#65509;${formatCurrency(it.bulkstockIntrerstTotal)}</td>
								</tr>
								<tr height="30px">
									<td width="25" style="background-color: #F1F1F2;">舱单质押资产：</td>
									<td width="25" class="data" name="bulkstockValuation2">&#65509;${formatCurrency(it.bulkstockValuation2)}</td>
									<td width="25" style="background-color: #F1F1F2;">本月应还舱单质押服务费：</td>
									<td width="25" class="data" name="bulkstockIntrerst2">&#65509;${formatCurrency(it.bulkstockIntrerst2)}</td>
								</tr>
								<tr height="30px">
									<td width="25" style="background-color: #F1F1F2;">代理采购资产：</td>
									<td width="25" class="data" name="bulkstockValuation5">&#65509;${formatCurrency(it.bulkstockValuation5)}</td>
									<td width="25" style="background-color: #F1F1F2;">本月应还代理采购服务费：</td>
									<td width="25" class="data" name="bulkstockIntrerst5">&#65509;${formatCurrency(it.bulkstockIntrerst5)}</td>
								</tr>
								<tr height="30px">
									<td width="25" style="background-color: #F1F1F2;">代理销售资产：</td>
									<td width="25" class="data" name="bulkstockValuation6">&#65509;${formatCurrency(it.bulkstockValuation6)}</td>
									<td width="25" style="background-color: #F1F1F2;">本月应还代理销售服务费：</td>
									<td width="25" class="data" name="bulkstockIntrerst6">&#65509;${formatCurrency(it.bulkstockIntrerst6)}</td>
								</tr>
								<tr height="30px">
									<td width="25" style="background-color: #F1F1F2;">商业保理资产：</td>
									<td width="25" class="data" name="bulkstockValuation7">&#65509;${formatCurrency(it.bulkstockValuation7)}</td>
									<td width="25" style="background-color: #F1F1F2;">本月应还商业保理服务费：</td>
									<td width="25" class="data" name="bulkstockIntrerst7">&#65509;${formatCurrency(it.bulkstockIntrerst7)}</td>
								</tr>
							{@/each}
						</script>
					</table>
				</div>
				<div class="tableSearch" style="display: none;">
					<div class="searchLine">
						<div>
							利息结算编号：<input type="text" name="monthEarningNumber"
								placeholder="利息结算编号">
						</div>
						<div>
							企业名称：<input type="text" name="enterpriseName" placeholder="企业名称">
						</div>
						<div>
							出账时间：<input class="Wdate FromTime" type="text"
								name="earningDateStar" id="applyTimeStart"
								onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false,readOnly:true,maxDate:'#F{$dp.$D(\'applyTimeEnd\',{d:0})}'})">-<input
								class="Wdate ToTime" type="text" id="applyTimeEnd"
								name="earningDateEnd"
								onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false,readOnly:true,minDate:'#F{$dp.$D(\'applyTimeStart\',{d:1})}'})">
						</div>
					</div>
					<div class="searchLine">
						<div></div>
						<div></div>
						<div>
							<button class="table-search-button" id="searchMonthEarningList">查询</button>
						</div>
					</div>
				</div>
			
				<table class="table">
					<thead>
						<tr class="">
							<th>NO</th>
							<th>结算编号</th>
							<th>出账时间</th>
							<th>企业名称</th>
							<th>总融资金额</th>
							<th>总剩余本金</th>
							<th>本月应还服务费</th>
							<th>本月已收服务费</th>
							<th>状态</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody id="monthEarningBody">
						
					</tbody>
					<script type="text/template" id="monthEarning">
							{@each datas as monthEarningDetail, index}
								<tr class="tr_style table-data" year="${monthEarningDetail.year}" month="${monthEarningDetail.month}" monthEarningNumber="${monthEarningDetail.monthEarningNumber}" enterpriseId="${monthEarningDetail.enterpriseId}">
									<td class="pl10">${index*1 + 1}</td>
									<td class="pl10">${monthEarningDetail.monthEarningNumber}</td>
									<td class="pl10">${(monthEarningDetail.earningDate).substr(0, 10)}</td>
									<td class="pl10"><a href="javascript:void(0)" id="enterpriseName">${monthEarningDetail.enterpriseName}</a></td>
									<td class="pl10">&#65509;${formatCurrency(monthEarningDetail.financingAmount)}</td>
									<td class="pl10">&#65509;${formatCurrency(monthEarningDetail.remainingMoney)}</td>
									<td class="pl10">&#65509;${formatCurrency(monthEarningDetail.repayingFee)}</td>
									<td class="pl10">&#65509;${formatCurrency(monthEarningDetail.repaidFee)}</td>
									<td class="pl10">
										{@if monthEarningDetail.repayState == 0 }
										未还款
										{@else if monthEarningDetail.repayState === 1}
										还款中
										{@else if monthEarningDetail.repayState == 2}
										已还款
										{@else if monthEarningDetail.repayState == 3}
										逾期
										{@/if}
									</td>
									<td class="pl10 table_details_link">
										核销
									</td>
								</tr>
							{@/each}
						</script>
				</table>
				<div id="monthEarningPage" class="pagerCon"></div>
			</div>
		</div>
		<div id="popdialog"></div>
	</div>
	<!-- 底部 -->
	<div class="footer none" id="footer" style="width: 100%;">底部栏</div>
	<!--删除确认框-->
	<div class="dialog none" id="confirmDialog" style="width: 300px;">
		<div class="dialogTitle"></div>
		<button class="closeDiv">×</button>
		<div class="dialogContent"></div>
		<div class="footerBtn">
			<div class="dialogBtn dialogHandlerBtn radius_shadow">确定</div>
		</div>
	</div>
	<div id="popdialog"></div>

	<script type="text/javascript" src="../../../js/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="../../../component/layer/layer.js"></script>
	<!-- <script src="../../../component/layer/layer.js" type="text/javascript" charset="utf-8"></script> -->
	<script src="../../../component/upload/jquery.ui.widget.js"
		type="text/javascript" charset="utf-8"></script>
	<script src="../../../component/upload/jquery.iframe-transport.js"
		type="text/javascript" charset="utf-8"></script>
	<script src="../../../component/upload/jquery.fileupload.js"
		type="text/javascript" charset="utf-8"></script>
	<script src="../../../component/PCAS/PCASClass.js"
		type="text/javascript" charset="utf-8"></script>
	<script src="../../../component/upload/jquery.ui.widget.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../component/upload/jquery.iframe-transport.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../component/upload/jquery.fileupload.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../../../js/seajs/sea.js"></script>
	<script type="text/javascript" src="../../../js/seajs/seajs-text.js"></script>
	<script type="text/javascript" src="../../../js/seajs/seajs-css.js"></script>
	<script type="text/javascript" src="../../../js/platform/config.js"></script>
	<script type="text/javascript" src="../../../js/juicer-min.js"></script>
	<script src="../../../js/ajaxfileupload.js" type="text/javascript"
		charset="utf-8"></script>
	<script src="../../../js/My97DatePicker/WdatePicker.js"
		type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/ajaxfileupload.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/My97DatePicker/WdatePicker.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../component/PCAS/PCASClass.js" type="text/javascript" charset="utf-8"></script>
	
	<script type="text/javascript">
		seajs.use('./serviceChargeSettlement1', function(serviceChargeSettlement1) {
			serviceChargeSettlement1.init();
		});
	</script>
</body>

</html>
